@charset "utf-8";
@import url(public.css);
.add{ width:100%; height:32px; background:url(../image/add-bg.jpg) repeat-x left top;}
.add h2{ width:1002px; height:32px; line-height:32px; vertical-align:middle; background:url(../image/icon05.gif) no-repeat 10px center; text-indent:22px; display:block; font-size:12px; font-weight:normal; margin:0 auto;}
.about_banner{ width:100%; height:180px; background:url(../image/about_banner-bg.jpg) repeat-x left top;}
.news_banner{ width:100%; height:180px; background:url(../image/news_banner-bg.jpg) repeat-x left top;}
.product_banner{ width:100%; height:180px; background:url(../image/product_banner_bg.jpg) repeat-x left top;}
.case_banner{ width:100%; height:180px; background:url(../image/case_banner_bg.jpg) repeat-x left top;}
.HR_banner{ width:100%; height:180px; background:url(../image/HR_banner_bg.jpg) repeat-x left top;}
.customer_banner{ width:100%; height:180px; background:url(../image/customer_banner_bj.jpg) repeat-x left top;}
.about_banner h2, .news_banner h2, .product_banner h2, .case_banner h2, .HR_banner h2, .customer_banner h2{ width:1002px; height:180px; display:block; margin:0 auto;}

.content_box{ width:100%; height:auto; border-bottom:1px solid #fff; background:#D8DEEC url(../image/content_background.jpg) repeat-x left top; padding:14px 0 40px 0; overflow:hidden;}
.box{ width:1002px; height:auto; margin:0 auto;}
.left{ width:170px; height:auto; float:left; padding-bottom:20px; overflow:hidden; }
.sub_nav{ width:170px; height:auto; float:left; margin-bottom:10px; overflow:hidden;}
.sub_nav ul{ width:170px; height:auto;}
.sub_nav ul li{ width:170px; height:28px; background:url(../image/subnav-outbg.gif) no-repeat; text-indent:22px; font-weight:bold; line-height:28px; vertical-align:middle; color:#fff;}
.sub_nav ul li a{ width:170px; height:28px; background:url(../image/subnav-outbg.gif) no-repeat; display:block; color:#fff;}
.sub_nav ul li a:hover{ width:170px; height:28px; background:url(../image/subnav-overbg.gif) no-repeat; display:block; color:#fff;}

#outside_nav{ width:170px; height:auto; float:left; margin-bottom:10px; overflow:hidden;}
#outside_nav ul{ width:170px; height:auto;}
#outside_nav ul li{ width:170px; height:auto; background:url(../image/subnav-outbg.gif) no-repeat; text-align:left; text-indent:22px; display:block; color:#fff; font-weight:bold;}
#outside_nav ul li a{ width:170px; height:28px; display:block; color:#fff; line-height:28px; vertical-align:middle;}
#outside_nav ul li a:hover{ width:170px; height:28px; display:block; background:url(../image/subnav-overbg.gif) no-repeat;}
#outside_nav ul li ul{ width:168px; height:auto; border:1px solid #838c93; display:none; background:#87919b;}
#outside_nav ul li ul li{ width:146px; height:28px; margin:0 auto; font-weight:normal; background:none; margin-left:22px; text-indent:10px;}
#outside_nav ul li ul li a{ width:146px; height:28px; font-weight:normal; background:url(../image/dot04.gif) no-repeat left 10px; line-height:28px; vertical-align:middle; color:#dbdfe2;}
#outside_nav ul li ul li a:hover{ width:146px; height:28px; background:url(../image/dot04.gif) no-repeat left 10px; font-weight:normal; color:#fff; line-height:28px; vertical-align:middle;}


.customer_ad{ width:168px; height:99px; border:1px solid #c1c2c4; float:left;}
.right_content{ width:820px; height:auto; float:right; border:1px solid #dedede; background:#fff; padding-bottom:40px; overflow:hidden;}
.title{ width:820px; height:42px; margin:0 auto; background:url(../image/title-bg.jpg) repeat-x left top; font-size:14px; font-family:"Microsoft Yahei", "黑体", Arial, Helvetica, sans-serif; position:absolute; line-height:42px; vertical-align:middle; text-indent:22px; display:block; color:#4b7ab0; font-weight:bold;}
.dot{ position:relative; width:13px; height:7px; background:url(../image/dot03.gif) no-repeat; left:45px; top:41px;}
.company-info{ width:752px; height:auto; min-height:500px; margin:50px auto 20px auto;}
.company-info h2{ width:752px; height:auto; font-weight:normal; color:#477cae; font-size:12px; background:none;}
.company-info h3{ width:100%; height:auto; font-weight:normal; font-size:12px;}
.company-info h3 p{ width:752px; height:auto; display:block; margin:10px auto; text-indent:22px;}
.company-info h4{ width:752px; height:38px; background:url(../image/about-bottom-bg.jpg) no-repeat left top; display:block;}

.news_search{ width:752px; height:36px; margin:50px auto 0 auto; background:url(../image/news_search.gif) no-repeat 600px 8px; text-align:right; line-height:26px; vertical-align:middle; overflow:hidden;}
.top_news{ width:752px; height:auto; margin:0 auto 10px auto; padding-bottom:10px; border-bottom:1px solid #dedede;}
.top_news ul{ width:752px; height:160px;}
.top_news ul li{ width:100%; height:auto; list-style-type:none;}
.top_news ul li h2{ width:120px; height:90px; display:block; float:left; margin:10px 20px 10px 0;}
.top_news ul li h3{ width:612px; height:auto; float:right; display:block; margin:10px auto; font-size:12px; font-weight:normal; color:#787878;}
.top_news ul li h3 span{ width:612px; height:25px; text-align:right; display:block;}
.news_box{ width:752px; height:auto; margin:0 auto;}
.news_box ul{ width:752px; height:auto; margin-top:45px;}
.news_box ul li{ width:752px; height:30px; line-height:30px; vertical-align:middle; background:url(../image/icon01.gif) no-repeat left center; text-indent:12px;}
.news_box ul li span{ width:120px; height:30px; float:right; line-height:30px; vertical-align:middle; font-size:11px;}
.news_detail{ width:752px; height:auto; margin:0 auto; overflow:hidden;}
.news_detail h2{ width:752px; height:30px; font-size:18px; text-align:center; color:#11599c; display:block;}
.news_detail h3{ width:752px; height:30px; font-size:12px; text-align:center; border-bottom:1px solid #dedede; display:block; font-weight:normal; color:#b1b1b1; padding-top:10px;}
.news_detail h4{ width:722px; height:auto; padding:15px; font-weight:normal; font-size:12px;}
.news_detail h5{ width:752px; height:25px;}
.news_detail h5 li{ width:370px; height:25px; float:left; margin-left:6px; font-weight:normal; font-size:12px;}

.pro{ width:752px; height:auto; margin:50px auto 0 auto;}
.pro_box{ width:752px; height:auto; margin:0px auto 20px auto; padding-bottom:20px; border-bottom:1px solid #dedede; overflow:hidden;}
.js_lt{ width:160px; height:100px; float:left;}
.js_rt{ width:580px; height:auto; float:right;}
.js_rt h3{ width:580px; height:25px; font-size:14px; display:block;}
.js_rt h5{ width:580px; height:auto; font-weight:normal; display:block; font-size:12px; line-height:180%;}
.pro a{ color:#4076B2;}
.pro a:hover{ color:#cc2f2f;}

.proview{ width:810px; height:auto; margin-top:35px;}
.proview ul{ width:810px; height:250px; border-bottom:1px solid #dedede;}
.proview ul li{ width:202px; height:250px; float:left; border-right:1px solid #dedede; overflow:hidden;}
.proview ul li:hover{ width:202px; height:250px; float:left; overflow:hidden; background:#fcfbfb; cursor:pointer;}
.proview ul li h1{ height:110px; margin: 2px; display:block; text-align:center; padding:2px;}
.proview ul li h2{ width:200px; height:20px; margin:10px auto 5px auto; display:block; font-size:12px; text-align:center; color:#11599c;}
.proview ul li h2 a{ color:#4b7ab0;}
.proview ul li h2 a:hover{ color:#cd0000;}
.proview ul li h5{ width:160px; height:150px; margin:0 auto; display:block; font-size:12px; text-align:left; color:#999; font-weight:normal; line-height:180%;}

 .proDetail{ width:752px; height:auto; margin:50px auto 10px auto;}
.plusAndcaption_x{cursor: pointer;}
.plus{ width:15px; height:15px; float:left; }
.caption_x{ float:left; margin-left:7px; line-height:15px; margin-bottom:6px;}
.caption_content{ margin-left:23px; text-indent:2em; line-height:180%;  clear:left; text-align:left; width:729px; }
.caption_content table{ text-align:center; float:left;}
.caption_content ul li{ list-style:disc;}
.caption_content p b{ color:#132a87;}
.caption_line{ width:752px; height:1px; background:#c6c6c6; clear:both; margin-bottom:15px; margin-top:5px;}







.caseView{ width:810px; height:auto; margin:25px auto 10px auto;}
.caseView ul{ width:810px; height:120px; border-bottom:1px solid #dedede; background:url(../image/dot05.gif) repeat-y 405px top;}
.caseView ul li{ width:405px; height:100px; float:left; padding-top:20px;  overflow:hidden; margint:0 1px 0 1px;}
.caseView ul li:hover{width:405px; height:100px; display:block; padding-top:20px; cursor:pointer; background:#fcfbfb url(../image/dot05.gif) repeat-y left top;}
.caseView ul li h1{ width:120px; height:90px; float:left; margin-left:20px; _margin-left:10px; display:block;}
.caseView ul li h2{ width:243px; height:90px; float:right; margin:0 10px 0 10px; display:block; font-weight:normal; font-size:12px; line-height:180%; color:#999;}
.caseView ul li h2 p a{ font-size:12px; font-weight:bold; color:#4b7ab0;}
.caseView ul li h2 p a:hover{ font-size:12px; font-weight:bold; color:#cd0000;}
.update{ width:752px; height:25px; margin:0 auto; text-align:right;}

.hr{ width:752px; height:auto; margin:50px auto 10px auto;}
.customer{ width:752px; height:auto; margin:50px auto 10px auto;}
#faq{ width:752px; height:auto;}
#faq dl{ width:752px; height:autu; border-bottom:1px solid #dedede; list-style-type:none; line-height:30px; vertical-align:middle;}
#faq dt{font-weight:bold;cursor:pointer; font-size:12px; color:#333;}
#faq dd{display:none; margin-left:0px; line-height:180%; padding:10px 10px 20px 26px;}

.message{ width:729x; margin:5px auto; background:#fafafa; border:1px solid #e8e8e8; padding:10px;}
.message font{ color:#979799; font-size:12px;}
.message strong{ color:#ec0000; font-size:16px;}
.messagetab{ width:749px; height:auto; margin:0 auto;}
.messagetab ul{ float:left;}
.messagetab li{ float:left; margin-bottom:3px;}
.messagetab li.name{ width:70px; float:left; overflow:hidden;}
.messagetab li.txt{ width:670px; float:right;}
.messagetab li.txt font{color:#b7b7b7; font-size:12px;}
.messagetab li.txt font font{ color:red; font-size:12px;}
.btn_ok{ width:72px; height:21px; border:0; background:#4b7ab0; color:#fff; text-align:center; line-height:21px; vertical-align:middle;}
.btn_no{width:72px; height:21px; border:0; background:#999; color:#fff; text-align:center; line-height:21px; vertical-align:middle;}
.text{ background:#fff; border:1px solid #ddd; height:20px; font-family:Arial, Helvetica, sans-serif; color:#72707b;}
textarea{ border:1px solid #ddd;}

.webmap{ width:752px; height:auto; margin:50px auto 93px auto}
.webmap ul,li{ list-style-type:none; margin-bottom:1px;}
.webmap li.lt{ width:70px; height:30px; background:#999; float:left; color:#fff; text-align:center; line-height:30px; vertical-align:middle; font-weight:bold;}
.webmap li.rt{ width:670px; height:30px; float:right; line-height:30px; vertical-align:middle; color:#999;}





.page{ width:752px; height:25px; margin:15px auto; padding-top:10px; text-align:center;}




.share-top{ width:752px; margin:10px auto 0 auto; height:38px; background:url(../image/about-bottom-bg.jpg) no-repeat left top;}
.foot-footer{ width:752px; height:31px; margin:0 auto;}
.foot-footer ul{ width:752px; height:31px; color:#fff;}
.foot-footer ul li{ line-height:31px; height:31px; vertical-align:middle; text-align:left; text-indent:34px; color:#fff; font-size:14px; font-family:"Microsoft Yahei"; font-weight:bold;}
.foot-footer ul li.back{ width:69px; float:left;}
.foot-footer ul li.back a{ width:69px; height:31px; display:block; background:url(../image/foot-footer.gif) no-repeat left top; color:#fff;}
.foot-footer ul li.back a:hover{ width:69px; height:31px; display:block; background:url(../image/foot-footer.gif) no-repeat left -31px; color:#fff;}
.foot-footer ul li.Share{ width:69px; float:right;}
.foot-footer ul li.Share a{ width:69px; height:31px; display:block; background:url(../image/foot-footer.gif) no-repeat -69px top; color:#fff;}
.foot-footer ul li.Share a:hover{ width:69px; height:31px; display:block; background:url(../image/foot-footer.gif) no-repeat -69px -31px; color:#fff;}
.foot-footer ul li.print{ width:95px; float:right; margin-left:15px;}
.foot-footer ul li.print a{ width:95px; height:31px; display:block; background:url(../image/foot-footer.gif) no-repeat -138px top; color:#fff;}
.foot-footer ul li.print a:hover{ width:95px; height:31px; display:block; background:url(../image/foot-footer.gif) no-repeat -138px -31px; color:#fff;}